<!doctype html>  

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Lightwave</title>
  <meta name="description" content="">
  <meta name="author" content="Kai Chang and Mary Becica">

  <!--  Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">

  <!-- CSS : implied media="all" -->
  <link rel="stylesheet" href="css/style.css">

  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  <script src="scripts/tensor/modernizr-1.6.min.js"></script>

</head>

<body onload="LW.Tensor.init()">

  <div id="container">
    <header>
      <div class="outer">
        <p>This is a cabinet.</p>
        <p>Cabinets are for changing application settings and updating one's user profile.</p>
        <p>A single cabinet may be opened at once.  The current behavior is not correct.</p>
      </div>
      <div class="inner">
        <ul>
          <li><a href="#">Dashboard</a></li>
          <li><a href="#" class="active">Navigator</a></li>
        </ul>
        <ul class="right">
          <li>
            <form action="#search" method="get">
              <input name="search" results="0" type="text" value="Search Waves">
              <input type="submit" value="Search">
            </form>
          </li>
          <li><p id="username">x@y</p></a></li>
          <li><a href="#">Profile</a></li>
          <li><a href="#">Settings</a></li>
          <li><a href="#" id="logout">Logout</a></li>
        </ul>
      </div>
    </header>
    
    <div id="main">

      <div class="inner">
        <div id="content">
          <div id="leftcol" class="col">
            <div class="colDragger"></div>
            <div class="head">
              <h2>Inbox
                <span class="tuck">
                  <a class="newwave" href="#">+ New conversation</a>
                </span>
              </h2>
            </div>
            <div id="list-1" class="list">
            </div>
          </div>              
          <div id="midcol" class="col">
            <div class="colDragger"></div>
            <div class="head">
              <h2>Conversation
              </h2>
            </div>
            <div id="list-2" class="list">
            </div>			  
          </div>
          <div id="rightcol" class="col">
            <div class="colDragger"></div>
            <div class="head">
              <h2>Comments
              </h2>
            </div>
            <div id="list-3" class="list">
            </div>
          </div>              
          <div class="col">
            <div class="colDragger"></div>
            <div class="head">
              <h2>Comments
              </h2>
            </div>
            <div id="list-4" class="list">
            </div>
          </div>              
          <div class="col">
            <div class="colDragger"></div>
            <div class="head">
              <h2>Comments
              </h2>
            </div>
            <div id="list-5" class="list">
            </div>
          </div>              
          <div class="col">
            <div class="colDragger"></div>
            <div class="head">
              <h2>Comments
              </h2>
            </div>
            <div id="list-6" class="list">
            </div>
          </div>              
        </div>

      </div>
      
      <div class="meta">
        <ul class="bar" id="meta-bar">
         <li><a href="#">Participants</a></li>
          <!--
          <li class="user"><a href="#">Joe Heinz</a></li>
          <li class="user"><p>Gregor Fritzman Jones</p></li>
          <li id="new-user"><input name="author" type="text" value="+New Author" /></li> -->
       </ul>
        <div class="clearfix"></div>
        <div id="meta-content" class="outer">
       </div>
      </div>

    </div>
    
    <footer>
      <div class="inner">
        <ul>
          <li><a href="#">Waves</a></li>
          <li><a href="#">Folders</a></li>
          <li><a href="#">Spaces</a></li>
          <li><a href="#">Contacts</a></li>
          <li><a href="#">Groups</a></li>
          <li><a href="#">Gadgets</a></li>
          <li><a href="#">Robots</a></li>
        </ul>
      </div>
      <div class="outer" id="footer-content">
     </div>
    </footer>
  </div> <!--! end of #container -->


  <!-- Javascript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
  <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>
  
  <!-- scripts concatenated and minified via ant build script-->
  <script src="scripts/tensor/plugins.js"></script>
  <script src="scripts/tensor/script.js"></script>
  <!-- end concatenated and minified scripts-->
  
  <script type="text/javascript" src="scripts/io.js"></script>
  <script type="text/javascript" src="scripts/ot.js"></script>
  <script type="text/javascript" src="scripts/doc.js"></script>
  <script type="text/javascript" src="scripts/inbox.js"></script>
  <script type="text/javascript" src="scripts/model.js"></script>
  <script type="text/javascript" src="scripts/controller.js"></script>
  
  <!--[if lt IE 7 ]>
    <script src="js/libs/dd_belatedpng.js"></script>
    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
  <![endif]-->

</body>
</html>
